<template>
	<view>
		<view style="height: 50rpx;"></view>
		<view style="background-color: #FFFFFF;height: 150rpx;position: fixed;width: 100%;top:0;">
			<view style="height: 50rpx;"></view>
			<view style="position: relative;width: 500rpx;margin-left: 20rpx;">
				<u-icon name="arrow-left" style="padding: 20rpx;position: absolute;font-size: 40rpx;"></u-icon>
				<u-input placeholder="搜索我的订单"
					style="position: absolute;left: 70rpx;"
					:custom-style=
						"{'padding':'0 0 0 50rpx','borderRadius':'20rpx','backgroundColor':'#F6F9FB'}"></u-input>
				<u-icon name="search" style="color: rgba(118,118,118,.7);position: absolute;left: 80rpx;top:20rpx;z-index: 999;"></u-icon>
			</view>
		</view>
		<view style="height: 100rpx;"></view>
		<u-tabs
		 :inactive-color="'#000000'"
		 :active-color="'#000000'"
		 :bg-color="{'background':'rgba(0,0,0,0)'}"
		 :bar-width="100"
		 :bar-style="{
		 	'background': 'rgba(255,0,0,.7)'}" 
		 :padding="0" class="header-tab" :list="headerNavList" :is-scroll="false" 
		:current="current" @change="changeTab"></u-tabs>
		
		<view style="height: 100rpx;"></view>
			
		<view>
			<image src="../../../static/zanwudingdan.png" style="width: 400rpx;margin-left: 50%;transform: translateX(-50%);" mode="widthFix"></image>
			<view style="height: 20rpx;"></view>
			<view style="text-align: center;color: rgba(118,118,118,.6);">暂无订单</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				headerNavList: [{
						name: "全部"
					},
					{
						name: "待付款"
					},
					{
						name: "待收货"
					},
					{
						name: "待使用"
					},
					{
						name: "待评价"
					},
					{
						name: "退款/售后"
					}  
				],
				current: 2
			}
		},
		methods: {
			changeTab(index){
				if(index==0){
					uni.navigateTo({
						url:'../quanbu/quanbu'
					})
					return;
				}
				if(index==1){
					uni.navigateTo({
						url:'../daifukuan/daifukuan'
					})
					return;
				}
				if(index==2){
					uni.navigateTo({
						url:'../daishouhuo/daishouhuo'
					})
					return;
				}
				if(index==3){
					uni.navigateTo({
						url:'../daishiyong/daishiyong'
					})
					return;
				}
				if(index==4){
					uni.navigateTo({
						url:'../daipingjia/daipingjia'
					})
					return;
				}
				if(index==5){
					uni.navigateTo({
						url:'../tuikuan/tuikuan'
					})
					return;
				}
			}
		}
	}
</script>

<style scoped>
page {
	background-color: #F2F2F2;
}
</style>
